<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      textarea {
        width: 100%;
        min-height: 50px;
      }
    </style>
  </head>
  <body>
    <textarea></textarea>
    <p class="copy-text">
      // 复制文本
      // 选择目标元素
      const target = document.querySelector("div.target");
      
      // 添加粘贴事件监听器
      target.addEventListener("paste", (event) => {
      // 阻止默认粘贴行为
      event.preventDefault();
      
      // 获取剪贴板内容并转换为大写
      let paste = (event.clipboardData || window.clipboardData).getData("text");
      paste = paste.toUpperCase();
      
      // 获取当前选区并插入转换后的内容
      const selection = window.getSelection();
      if (!selection.rangeCount) return;
      selection.deleteFromDocument();
      selection.getRangeAt(0).insertNode(document.createTextNode(paste));
      selection.collapseToEnd();
      });
    </p>
    <button class="copyBtn">点击复制</button>
    <script>
      const copyBtn = document.querySelector('.copy-btn');
      const copy = document.querySelector('.copy-text');
      copyBtn.addEventListener('click', () => {
        
      })
      
      function copyTextToClipboard(text) {
        // 检查浏览器是否支持剪切板操作
        if (navigator.clipboard) {
          navigator.clipboard.writeText(text).then(() => {
            console.log("文本已成功复制到剪切板！");
          }).catch(err => {
            console.error("复制失败：", err);
          });
        } else {
          console.error("当前浏览器不支持剪切板操作");
        }
      }
      
      // 示例：复制一段文本
      copyTextToClipboard("Hello, World!");
    </script>
  </body>
</html>